
 <div layout="row" flex>
<md-content  class="md-padding">

  <div  ng-repeat="server in servers">
  <div ng-if="server.id==selectedServer" ng-include src="'static/toolbar-server.html'"></div>
           <md-card ng-if="server.id==selectedServer">
             <md-card-content>
                 <p  ng-switch="server.state" class="sectionheader">
                   <span ng-switch-when="Master" class="label label-primary">Master   {{server.host}}:{{server.port}}<label
                           ng-if="server.isVirtualMaster==true">-VMaster   {{server.host}}:{{server.port}}</label></span>
                       <span ng-switch-when="Suspect" class="label label-warning">Suspect   {{server.host}}:{{server.port}}<label ng-if="server.isVirtualMaster==true">-VMaster</label></span>
                       <span ng-switch-when="SlaveErr" class="label label-warning">Slave Error   {{server.host}}:{{server.port}}<label
                               ng-if="server.isVirtualMaster==true">-VMaster   {{server.host}}:{{server.port}}</label></span>
                       <span ng-switch-when="StandAlone" class="label label-info">Standalone   {{server.host}}:{{server.port}}<label
                               ng-if="server.isVirtualMaster==true">-VMaster   {{server.host}}:{{server.port}}</label></span>
                       <span ng-switch-default class="label label-default">{{server.state}}  {{server.host}}:{{server.port}}
                           <label ng-if="server.isVirtualMaster==true">-VMaster   {{server.host}}:{{server.port}}</label></span>
                </p>
              </md-card-content>
              <style>
                table{
                  table-layout: fixed;
                  width: 100%;


                }
                td {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                }
      </style>

     <table  bs-table-control="bsTableStatus"></table>
                <!--   <table id="tableStatus" border=1 >
                     <thead>
                      <col  width="30%"/>
                      <col  width="60%"/>

                      <tr>
                         <th data-field="variableName" >Status</th>
                         <th  data-field="value" >Value</th>

                      </tr>
                      </thead>
                      <tr ng-repeat="v in status">
                         <td class="process">{{ v.variableName }}</td>
                         <td class="process">{{ v.value }}    </td>
                      </tr>

                   </table>
                     <script>
                       $(function() {

                       var $table = $('#tableStatus')
                       $table.bootstrapTable({data: status})
                         })
                       </script>
-->
             </md-card>

           </div>

             <BR><BR>


</md-content>
</div>
